
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width,user-scalable=no,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" name="viewport">
<meta name="apple-mobile-web-app-capable" content="yes">
<!--<meta name="keywords" content="药房网，复方阿胶浆 20ml*48支/盒">-->
<meta name="description" content="龙城药房网（手机版）提供正品行货，还可以查询价格、说明书、作用，及药品图片等。手机买药就上龙城药房网，方便快捷，安全放心。">
<title>龙城药房网（手机版）提供品牌药、放心药，买药来龙城药房</title>
<link rel="stylesheet" href="css/style.css?v=1.27" />
<link rel="stylesheet" href="css/sp_inform.css?v=1.27" />
<!--使用elementui 必须引入vue-->
<script type="text/javascript" src="https://lib.baomitu.com/vue/2.6.12/vue.min.js"></script>
<!-- ele引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- ele引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<!--axios-->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

</head>
<body>

<div id="app">
<!--header-->
<div class="header_dl">
	<a href="javascript:history.back();" class="dl"><img src="img/2440.png" alt="" /></a>
	<h4>商品详情</h4>
	<div class="menubtn"><img src="img/2119.png"/></div>
</div><!--h3-->

<!--menu-->
<div class="menu">
    <ul>

        <li><a href="index.html"><i><img src="img/4040.png?v=1.27"/></i><p>首页</p></a></li>
        <li><a href="../cart/index.html" onClick=""><i><img src="img/40401.png?v=1.27"/></i><p>购物车</p></a></li>
        <li><a href=""><i><img src="img/40402.png?v=1.27"/></i><p>订单</p></a></li>
        <li><a href="../user/person.html" onClick="javascript:void(0)"><i><img src="img/40403.png?v=1.27"/></i><p>我的</p></a></li>
    </ul>
</div>

<!-- banner -->
<div id="fouse" class="fouse">
    <div class="bd_img">
        <ul v-for="p in goodsJpgs">
                        <li><a :href="p" :title="goodsInfo.goodsName" target="_blank"><img :src="p" :alt="goodsInfo.goodsName" /></a></li>
                    </ul>
    </div>
    <div class="hd_img">
        <ul></ul>
    </div>
</div><!-- end -->

<!--sp-->
<div class="sp">
	<div class="title">
		<h4>￥{{goodsInfo.goodsPrice}}<span></span></h4>
		<h1><p style="width: 160px">{{goodsInfo.goodsName}}</p></h1>
        <input type="hidden" name="goods_id" id="goods_id" value="1040032"/>
        <input type="hidden" name="is_cancel" id="is_cancel" value="0"/>
		<a href="#" class="sc storegoods" @click="addCart"><img src="img/cart.png" style="height: 30px"><p>加入购物车</p></a>
        <!--<i>☆</i><p>加入购物车</p>-->
	</div>
	<div class="detail">
		<ul>
			<li><span>规格</span><b>{{goodsInfo.specification}}</b></li>
                        <li><span>剂型</span><b>{{goodsInfo.dosageForm}}</b></li>
                        <li><span>商品编码</span><b>{{goodsInfo.goodsCode}}</b></li>
			<li><span>生产企业</span><b>{{goodsInfo.company}}</b></li>
                        <li><span>GMP</span><b>已通过认证</b></li>
            			<li><span>批准文号</span><b>{{goodsInfo.auNo}}</b></li>
		</ul>
	</div>
	<div class="merchants"><a href="javascript:void(0)">共<span>0</span>家分店在销售此商品</a></div>
</div><!--end-->

<!--more-->
<div class="main">
	<div class="submenu1">
		<ul>
			<li class="cur">商品信息</li>
			<li>售后说明</li>
		</ul>
	</div>
	<div class="item">
		<div class="list">
                        <!--<div style="width: 100%;text-align: center;">
                <img src="http://img.yaofang.cn/" alt="复方阿胶浆" style="width: 50%;height: 50%;"/>
            </div>-->
            			<table border="0" cellpadding="0" cellspacing="0">
                                <tr>
                    <th>【商品名称】</th>
                    <td>复方阿胶浆 </td>
                </tr>
                            <tr>
                    <th>【成份】</th>
                    <td>阿胶、人参、熟地黄、党参、山楂 </td>
                </tr>
                            <tr>
                    <th>【功能主治】</th>
                    <td>本品补气养血。用于气血两虚，头晕目眩，心悸失眠，食欲不振及贫血。 </td>
                </tr>
                            <tr>
                    <th>【用法用量】</th>
                    <td>口服，一次20毫升，一日3次。 </td>
                </tr>
                            <tr>
                    <th>【贮藏】</th>
                    <td>密封，置阴凉处 </td>
                </tr>
                        <tr>
                <th>【友情提示】</th>
                <td>1、商品图片信息展示仅供参考，最终包装以商品实物为准。欢迎纠错！<br />2、说明书内容仅供查阅参考，最终以商品包装内说明书为准。欢迎纠错！<br />3、使用商品时，请仔细阅读说明书，并按说明书使用；如药品，请在医师指导下服用。</td>
            </tr>
			</table>
		</div>
		<div class="list">
            <div class="service">
    <!--售后五服务-->
    <span>售后服务</span>
    <p>
        根据国家相关法律规定，此类商品属于特殊商品，一经售出，非质量问题，概不退换，请见谅！
    </p>

    <span>药房网服务承诺</span>
    <p>
        药房网向您保证所售商品均为正规商品，可提供机打发票，与商品一起寄送。凭质保证书及药房网发票，可享受全国联保服务，
        与您亲临药店选购的商品享受相同的质量保证。 药房网还为您提供具有竞争力的商品价格和免运费政策，请您放心购买！
    </p>

    <span>声明</span>
    <p>
        因厂家会在没有任何提前通知的情况下更改产品信息、包装、产地、赠品或者一些附件，本司不能确保客户收到的货物与药房网图片、产地、附件说明完全一致。
        只能确保为正规商品！并且保证与当时市场上同样主流商品一致。
        若本商城没有及时更新，请大家谅解！
    </p>
</div>		</div>

	</div>
    <div style="line-height: 100px;height: 100px;"></div><!--占位置用-->
</div><!--end-->

<!--submenu-->

<!--gmai-->
<div class="gm">
	<a href="" class="gmai">选择分店</a>
	<!--<a href="" class="jrgwc">加入购物车</a>-->
	<!--<a href="" class="gwc"><img src="img/4542.png"/></a>-->
</div><!--end-->
</div>

<script>
    var v = new Vue({
        el:"#app",
        data:{
            goodsData: {},
            goodsInfo:{},
            goodsJpgs:[],
            userData:{},
        },
        //拿到当前用户的信息
        created(){
            axios.get("http://127.0.0.1:8001/user/userInfo").then(res=>{
                this.userData = res.data;
            })
        },
        mounted(){
            var paternCode = window.location.search.split("=")[1];
            axios.post("http://127.0.0.1:8001/goodsInfo/selectOne",{
                goodsCode : paternCode,
            }).then(res=>{
                this.goodsData = res.data;
                this.goodsInfo = this.goodsData.goodsInfoEntity;
                this.goodsJpgs = this.goodsData.goodsJpgs
                console.log(this.goodsData);

            });
        },
        methods:{
            addCart(){
               if(this.userData.name==null){
                   this.$message({
                       showClose: true,
                       message: '请先登录再进行购物哦！',
                       type: 'warning'
                   });

               }else {
                   axios.post("http://127.0.0.1:8001/cart/saveCartModify",{
                       goodsCode : this.goodsInfo.goodsCode,
                       quantity:1.0,
                       name:this.userData.name,
                   }).then(res=>{
                       if(res.data==0){
                           this.$message('商品已存在，心动就赶快下单吧！');
                       }else{
                           this.$message('商品已加入购物车！');
                           console.log(res);
                       }
                   });
               }
            }
        }
    })
</script>
</body>
<script src="js/jquery1.7.js?v=1.27" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.alerts.js?v=1.27" type="text/javascript" charset="utf-8"></script>
<script src="js/common.js?v=1.27" type="text/javascript" charset="utf-8"></script>
<script src="js/TouchSlide.js?v=1.27" type="text/javascript" charset="utf-8"></script>
<script src="js/goods.js?v=1.27" type="text/javascript" charset="utf-8"></script>
</html>
